<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,user-scalable=no maximum-scale=1.0,minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/message.css">
</head>
<body>
    <!-- 头部部分 -->
    <div class="header">
        <div class="logo"><img src="../image/index/logo.jpg" alt=""></div>
        <div class="my"><img src="../image/index/my.jpg" alt="">
        <img src="../image/index/xiazai.jpg" alt=""></div>
    </div>
    <div class="zufang">
        <a href="../index.html"><span>首页</span>> 北京租房 > 房源信息</a>
    </div>
    <div class="detail-head">
        <div class="detail-img"> 
            <img src="../image/SecondHandList/img.png" alt="">
            <span>分享</span>
        </div>
        <div class="detail-text">
            <div class="p">
                <h3>天鹅湖小区精装两居，满五唯一，业主换房急售</h3>
            </div>
            <div class="xin">
                <img src="../image/rentalList/xin.png" alt="">
                <p>关注</p>
            </div>
        </div>
    </div>
    <div class="list">
        <div class="zujin">
            <p>租金</p>
            <span>2300元/月</span>
        </div>
        <div class="zujin">
            <p>房型</p>
            <span>二室一厅</span>
        </div>
        <div class="zujin">
            <p>面积</p>
            <span>204平米</span>
        </div>
    </div>
    <div class="detail-list">
        <div class="list-con">
            <span>楼层：高楼/17层</span>
            <span>朝向：南北</span>
        </div>
        <div class="list-con">
            <span>装修：精装</span>
            <span>供暖：集体供暖</span>
        </div>
        <div class="list-con">
            <span>年代：2007年</span>
            <span>楼型：板楼</span>
        </div>
    </div>
    <div class="spac">
        <div class="spac-head">经纪人房评</div>
        <div class="spac-con">地理位置：小区环境优雅，随处闹市中。小区南200米处有美廉美超市、西30米处有华联商场、星美国际影城、东北角就是大中电器、小区东100米有汇佳幼儿园、昌平实验一小，昆泰国际大厦...</div>
    </div>
    <div class="spac">
        <div class="spac-head">看房客户记录</div>
        <div class="spac-con">近一个月新增0位看房客户，共50位</div>
    </div>
    <div class="spac">
        <div class="spac-head">位置及周边</div>
        <div class="spac-con">
            <div id="container"></div>
            <!-- <img src="../image/rentalList/map.png" alt=""> -->
        </div>
    </div>
    <div class="spac">
        <div class="spac-head">小区成交历史</div>
        <div class="spac-con">
            <p>三室两厅 ，146平米， <span>5000元</span></p>
            <p>签约日期：2015-02-26</p>
        </div>
    </div>
    <div class="spac">
        <div class="spac1-con">
            <div class="p"><img src="../image/rentalList/man.png" alt=""></div>
            <div class="p">
                <p>张三</p>
                <p>429392739747</p>
            </div>
            <div class="p1">
                <img src="../image/rentalList/icon1.png" alt="">
                <span>致电</span>
            </div>
            <div class="p2">
                <img src="../image/rentalList/icon2.png" alt="">
                <span>短信</span>
            </div>

        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer-head">
            北京找房无忧 > 首页
        </div>
        <div class="download">
            <div class="apple">
                <img src="../image/index/apple.png" alt="">
                <p>iPhone</p><br>
                <p>客户端</p>
            </div>
            <div class="android">
                <img src="../image/index/android.png" alt="">
                <p>Android</p><br>
                <p>客户端</p>
            </div>
        </div>
        <div class="footer-text">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证京ICP备20221216号</p>
        </div>
    </div>
    <script>
        function initialize() {
            var mp = new BMapGL.Map('container');
            mp.centerAndZoom(new BMapGL.Point(113.687202,34.810331), 15);
        }
        // 加载百度地图的资源
        function loadScript() {
            var script = document.createElement("script");
            // 获取地址
            script.src = "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ&callback=initialize";
            document.body.appendChild(script)
        }
        loadScript()
    </script>
</body>
</html>